<!DOCTYPE html>
<html>

<head>
    <title>营销中心</title>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_950377_g4e7evbmoq.css">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/flexible.js"></script>
    <style>
.header .middle{font-weight:700;font-size:.36rem}
.coupon_box{padding:.2rem;background:#fff}
.coupon_box ul li{border-bottom:#f2f2f2 solid 1px; margin-bottom: .2rem;}
.coupon_box ul li>div{display:flex;justify-content:space-between}
.coupon_box ul li .a1 img{width:.7rem;height:.7rem;margin-right:.1rem;border-radius:50%}
.coupon_box ul li span{display:flex;align-items:center}
.coupon_box ul li span .jc{color:#369cf1}
.coupon_box ul li .a2{margin-left:.7rem;padding-bottom: .2rem;}
.coupon_box ul li .a2 span:first-child{color:#f57b67}
.coupon_box ul li .a2 span.on{color:#148ceb}
    </style>
</head>

<body class="bgf9f9f9">
    <div class="header">
        <div class="left"><i class="iconfont icon-fanhui1" onClick="javascript:history.back(-1)"></i></div>
        <!-- <div class="middle">标题</div> -->
        <div class="middle">领取详情</div>
        <div class="right"></div>
    </div>
    <div class="coupon_box">

        <ul>
            <li>
                <div class="a1">
                    <span>
                        <img src="images/tx.jpg"> 大嘴巴
                    </span>
                    <span class="color999">
                        2018-5-25 12:40
                    </span>
                </div>
                <div class="a2">
                    <span>
                        领取了一张满100减30
                    </span>
                    <span class="color666">
                        未使用
                    </span>
                </div>
            </li>
            <li>
                <div class="a1">
                    <span>
                        <img src="images/tx.jpg"> 大嘴巴
                    </span>
                    <span class="color999">
                        2018-5-25 12:40
                    </span>
                </div>
                <div class="a2">
                    <span>
                        领取了一张满100减30
                    </span>
                    <span class="color666 on">
                        已使用
                    </span>
                </div>
            </li>
            <li>
                    <div class="a1">
                        <span>
                            <img src="images/tx.jpg"> 大嘴巴
                        </span>
                        <span class="color999">
                            2018-5-25 12:40
                        </span>
                    </div>
                    <div class="a2">
                        <span>
                            领取了一张满100减30
                        </span>
                        <span class="color666">
                            未使用
                        </span>
                    </div>
                </li>
                <li>
                    <div class="a1">
                        <span>
                            <img src="images/tx.jpg"> 大嘴巴
                        </span>
                        <span class="color999">
                            2018-5-25 12:40
                        </span>
                    </div>
                    <div class="a2">
                        <span>
                            领取了一张满100减30
                        </span>
                        <span class="color666 on">
                            已使用
                        </span>
                    </div>
                </li>
        </ul>
        <div class="empty">
            <p><img src="images/coupon.png"></p>
            <p>该优惠券还没有被用户领取哦~</p>
        </div>
    </div>
</body>

</html>